import React,{ Component } from 'react'
import "./style.less"
import Back from "../../../../static/icon/return.png"

export default class Search extends Component{


	reHandler(event){
		this.props.history.push("/sort")
	}
  render(){
    return(
    <div className="box">
	    <div className="box-search">
		      <div className='search'>
		      	<div className="search-back" onClick={this.reHandler.bind(this)}>
		      		<img src={ Back } alt="" />
		      	</div>
		      	<div className="search-input">
		      		<input type="text" placeholder="搜索我感兴趣的话题" className="ads"  />
		      	</div>
		      	<div className="search-init">
		      		     取消
		      	</div>
		      </div>
	    </div>
	    <div className="hots">热门话题</div>
	    <div className="text">
	    	<ul>
	    		<li>
	    			<p>1</p>
                     <span>&nbsp;&nbsp;
                     &nbsp;公务员的那些事</span>
	    		</li>
	    	</ul>
	    </div>
	    <div className="text">
	    	<ul>
	    		<li>
	    			<p>2</p>
                     <span>&nbsp;&nbsp;
                     &nbsp;公务员的那些事</span>
	    		</li>
	    	</ul>
	    </div>
	    <div className="text">
	    	<ul>
	    		<li>
	    			<p>3</p>
                     <span>&nbsp;&nbsp;
                     &nbsp;公务员的那些事</span>
	    		</li>
	    	</ul>
	    </div>
	    <div className="text">
	    	<ul>
	    		<li>
	    			<p>4</p>
                     <span>&nbsp;&nbsp;
                     &nbsp;公务员的那些事</span>
	    		</li>
	    	</ul>
	    </div>
      </div>
    )
  }
}
